<template>
<<<<<<< HEAD
  <div class="home">
    <van-swipe class="my-swipe" :autoplay="3000">
      <van-swipe-item v-for="(item,index) in imgUrl" :key="index">
        <img :src="item.picUrl" width="100%" />
      </van-swipe-item>
    </van-swipe>
    <Nav class="nav">
      <Icon></Icon>
    </Nav>
    <DownPrice></DownPrice>
    <Topics></Topics>
    <Popular></Popular>
=======
  <div>
    <div class="my_swipe">
      <van-swipe :autoplay="3000" indicator-color="white">
        <van-swipe-item v-for="(item,index) in bannerList" :key="index">
          <img class="my_swipe_banner" :src="item.picUrl" alt />
        </van-swipe-item>
      </van-swipe>
      <Icon />
    </div>
    <Kaitem />
    <Jiitem />
    <div class="Sentiment">
      <div class="Sentiment_title">
        <div>人气推荐</div>
        <div class="Sentiment_img">
          <img src="../assets/icon/arrow-backimg.png" alt />
        </div>
      </div>
      <CartList />
    </div>
>>>>>>> aeda2c13c6d9f1bcdcbc764ca2642136ce06f725
  </div>
</template>

<script>
<<<<<<< HEAD
import Nav from "../components/navigation/Nav"//四个图标
import DownPrice from "../components/body/DownPrice"//全民砍价
import Topics from "../components/body/Topics"//精选专题  滑动图片
import Popular from "../components/body/Popular"//人气推荐
export default {
  name: "Home",
  components: {
    Nav,
    DownPrice,
    Topics,
    Popular
  },
  data() {
    return {
      imgUrl: [], //放轮播图
      // People_down_price_goodlist:[]
    };
  },
  mounted() {
    this.$APIClient
      .getStoreList()
      .then((res) => {
        // console.log(res);
      })
      .catch((err) => {
        // console.log(err);
      });
    this.$APIClient.banner().then((res) => {
      // console.log(res.data);
      this.imgUrl = res.data.data;
    });
    // this.$APIClient.Peo_Down_Price().then((res) => {
    //   console.log(res);
    //   this.People_down_price_goodlist=res.data.data.goodsMap;
    // });
  },
};
</script>
<style>
  .nav{
      width: 100%;
      height: 100px;
      border-bottom: 15px solid rgba(128, 128, 128, 0.149);
      position: absolute;
      background: white;
      border-radius: 20px 20px 0px 0px;
      top: 42vh;
  }
</style>
=======
import CartList from "../components/CartList";
import Icon from "../components/Icon";
import Kaitem from "../components/Kaitem";
import Jiitem from "../components/Jiitem";
export default {
  components: {
    CartList,
    Icon,
    Kaitem,
    Jiitem,
  },
  computed: {
    bannerList: function () {
      return this.$store.state.bannerList;
    },

    SelectedList: function () {
      return this.$store.state.SelectedList;
    },
  },
  mounted() {
    this.$store.dispatch("BANNER");
  },
};
</script>

<style scoped>
.my_swipe {
  width: 100%;
  height: 375px;
  position: relative;
  left: 0;
}
.my_swipe_banner {
  width: 100%;
}
.bargain_title,
.Selected_title,
.Sentiment_title {
  width: 100%;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #e9e9e9;
}
</style>
>>>>>>> aeda2c13c6d9f1bcdcbc764ca2642136ce06f725
